<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/mall-common :: common_head(~{::title},~{::link},~{::script})">
  <title>网上图书商城</title>
  <link rel="stylesheet" href="/styles/user-center/shipping-address-manage.css">
  <script src="/javascript/user-center/shipping-address-manage.js" type="text/javascript"></script>
</head>
<body>
<div th:replace="common/mall-common::mall-header"></div>


<div class="mall-body">

  <div class="title-line">
    <div class="title">评价</div>
  </div>

  <div class="no-data" th:if="${commentsList.list.size()==0}">暂无评价，快去评价一个吧~</div>

  <div class="goods-area">
    <div class="goods-item" th:each="item:${commentsList.list}">
      <div class="goods-info">
      <div class="goods-title-line"
           th:text="${'用户：'+item.name}"></div>
      <div class="goods-title-line"
           th:text="'评价图书：'+${item.bookName}"></div>
      <div class="goods-title-line"
           th:text="'评价：'+${item.com}"></div>
        <button type="button" class="btn btn-danger remove-btn" th:data-id="${item.id}">
          删除
        </button>
    </div>
    </div>
    <div th:replace="common/mall-common :: common_pager(${commentsList})"></div>
  </div>

</div>

<div th:replace="common/mall-common::mall-footer"></div>
<div class="modal fade" id="neumall-data-delete-confirm-modal" tabindex="-1" style="z-index: 999999">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5">删除</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        您确认要删除该条评论吗？删除后的数据无法恢复
      </div>
      <form id="neumall-data-delete-confirm-form" class="modal-footer" action="/deleteCom" method="post">
        <input type="hidden" id="neumall-data-delete-input-id" name="id" value=""/>
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-danger">确认删除</button>
      </form>
    </div>
  </div>
</div>

</body>
</html>